﻿@charset "utf-8"; body {padding:0;margin: 0;background: #FEFEFE;}
#maxw{ margin: 0 auto; padding:8px 30px;  background: #FFF;  max-width: 964px; width:expression( documentElement.clientWidth > 940 ? (documentElement.clientWidth == 0 ? (body.clientWidth >940 ? "940" : "auto") : "940px") : "auto" ); }

form { padding: 0; border: 0px; }
textarea{ overflow:auto; }
input{font-size:12px;}
a:link { color: #336699; text-decoration: none; }
a:visited { color: #666699; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; background: #003399; }
a:active { color: #FFFFFF; text-decoration: none; background: #FF9933; }
a img { border-width:0; }

body,td,th { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; }
table { border-collapse:collapse; border: none; padding: 0; margin: 0; }
h1 { font-size: 25px; font-weight: bold; color: #494949; margin:0 0 0px 0; padding: 5px 0px 15px 0px; line-height:1.1em; }
/*h2 { font: 14px normal Arial, Helvetica, sans-serif; color: #006600; margin-bottom: 5px; line-height: 150%; }*/

h2 { font: 14px normal Arial, Helvetica, sans-serif; color: #006600; margin:0 0 12px 0; line-height: 150%; }
h3 {width:100%;height:26px;margin-left:4px;font: 14px normal Arial, Helvetica, sans-serif;color: #666666;margin-bottom: 1px;line-height: 150%;background:url(/pics/topicbar.gif) no-repeat right top}
h3 img{margin:1px 1px 0 0;}
ul { list-style-type: none; margin: 0; padding: 0; }
h4 {height:26px; margin:0 0 15px 4px; font: 12px normal Arial, Helvetica, sans-serif;color: #666666;line-height: 1.8em;background:url(/pics/topicbar.gif) no-repeat right top;}
.wrap{background:url(/pics/topicbar.gif) no-repeat; display:block;}
.obssin {width:100%;}

.sline{border-bottom:1px solid #a8a8a8;}
#header{ background:url(/pics/headnavbot.gif) no-repeat scroll left 33px; margin:7px 0}
#header img.logo{float:left;margin-top:-1px;}
#page_focus{border: 1px solid #ccc; margin:0 10px 0 0;height:16px;width:171px;padding:2px 0 0 2px}
#page_focus:focus{border: 1px solid #686868;}

#nav {padding-top:3px;}
#nav a{float:left; display:block; text-decoration: none; color:#368332; font-size:14px; margin:2px 5px 0 5px; padding: 8px 4px 7px 4px; line-height:14px; }
#nav a:hover{ background:none; text-decoration:underline; }
#nav a.now { font-size:14px; margin:2px 5px 0 5px;float:left; display:block; background:url(/pics/headnavback.gif) no-repeat scroll right top #eef9eb; padding:0 10px 0 0; color:black;}
#nav a.now span { background: transparent url(/pics/headnavback.gif) no-repeat; display: block; padding: 8px 1px 7px 11px; }

#searbar {margin-top:5px; *margin-bottom:-5px;}
#searbar span{margin:0; height:14.8px; display:block; line-height:14.8px; float:right; position:relative;}
#searbar span.submit {width:44px;height:20px;background:url(/pics/search.gif) no-repeat; padding:2px 7px 0 0;*padding-top:3px; text-align:right;}
#searbar span.submit a{letter-spacing:4px;}
#searbar a.arrow:hover{background:none;}

#dsearch{ padding:5px 0;display:none; position:absolute; text-align:center;width:69px; background:#fff; border:1px solid #c0c0c0; top:19px; left:-51px;z-index:100}
#dsearch a{ display:block;padding:3px; text-decoration: none;}
#dsearch a:hover{color:white; background:#336699;text-decoration:underline;}

.up{display:none;vertical-align:top;}
.down{display:inline;vertical-align:top;}

#status{ background:url(/pics/headnavbot.gif) no-repeat scroll left bottom #eef9eb; text-align:right;padding:5px 10px 4px 10px; }
#status a{text-decoration: none;margin:2px 1px 3px 7px;letter-spacing:0.3px;color:#336699;}
#status a:hover{color:white;}
#status{ *padding:2px 10px 4px 10px;}

#subnav{ float:left; padding:0 5px 3px 2px;width:65%;text-align:center;}
#subnav a{text-decoration: none;letter-spacing:1px; margin:0 8px; color:#336699;}
#subnav a:hover{color:white;}

.ll{float:left}
.rr{float: right;}
.trr{text-align:right;}

a.graybutt {overflow:hidden;background: transparent url(/pics/graybutt.gif) no-repeat scroll right top;color:#666666;display: block; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin-right: 5px;text-decoration: none;}
a.graybutt span {background: transparent url(/pics/graybutt.gif) no-repeat;display: block;padding: 4px 1px 3px 8px;line-height: 18px; *padding-top:5px;}
a.graybutt:visited {color:#ff7676;text-decoration: none;}
a.graybutt:hover {background: transparent url(/pics/graybutt.gif) no-repeat right -24px;color:white;}
a.graybutt:hover span {background-position: left -24px;}

a.redbutt {overflow:hidden;background: transparent url(/pics/redbutt.gif) no-repeat scroll right top;color:#ff7676;display: block; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin-right: 5px;text-decoration: none;}
a.redbutt span {background: transparent url(/pics/redbutt.gif) no-repeat;display: block;padding: 4px 1px 3px 8px;line-height: 18px; *padding-top:5px;}
a.redbutt:visited {color:#ff7676;text-decoration: none;}
a.redbutt:hover {background: transparent url(/pics/redbutt.gif) no-repeat right -24px;color:white;}
a.redbutt:hover span {background-position: left -24px;}
/*html*a.redbutt span{[font-size:12px;padding-top:4px;]}*/

/* pic-text list */
.lst { width: 100%; padding: 5px 0px 5px 0px; }
.tlst { padding: 5px 0 15px 0; margin: 0; float: left; width: 100%; }
.clst{ margin: 0 0 0 105px;  float: none; overflow: hidden; word-wrap:break-word; }
.ilst{ width: 105px; display: block; float: left;  text-align: center; margin: -17px -105px 0 0; }
.nlst{ background:url(/pics/topicbar.gif) no-repeat; margin: 0 0 0 102px;}

.ctsh .nlst{ padding: 0 0 0 5px; margin:0 0 0 71px}
.ctsh .clst{ margin: 0 0 0 80px;width:85%;float: left!important;float: none;overflow: hidden; word-wrap:break-word; }
.ctsh .ilst{ width: 85px;display: block;float: left;text-align: center;margin: -26px -85px 0 -6px;}

.xbar {float:right;background:url(/pics/zbar.gif) no-repeat;width:100%;margin-bottom:21px;}
.xbar div{float:right;background:url(/pics/zbar.gif) no-repeat right top; margin-left:5px;padding-right:35px;}
.xbar a{float:right; display:block; text-decoration: none; margin:5px 5px 1px 5px; padding: 3px 5px 2px 5px; line-height:14px;}
.xbar a:hover{ color:white; }
.xbar span.now {margin:0 5px 0 5px;float:right; display:block; background:url(/pics/wztab.gif) no-repeat scroll right top; padding:0 10px 0 0; }
.xbar span.now span { background: transparent url(/pics/wztab.gif) no-repeat; display: block; padding: 6px 1px 5px 11px; }

.zbar {float:left;background:url(/pics/zbar.gif) no-repeat;width:100%;margin-bottom:21px;}
.zbar div{float:left;background:url(/pics/zbar.gif) no-repeat right top; margin-left:5px;padding-left:67px;}
.zbar a{float:left; display:block; text-decoration: none; margin:5px 5px 1px 5px; padding: 3px 5px 2px 5px; line-height:14px;}
.zbar a:hover{ color:white; }
.zbar span.now {margin:0 5px 0 5px;float:left; display:block; background:url(/pics/wztab.gif) no-repeat scroll right top; padding:0 10px 0 0; }
.zbar span.now span { background: transparent url(/pics/wztab.gif) no-repeat; display: block; padding: 6px 1px 5px 11px; }

#sspform {text-align:center;padding:0 0 18px 0;vertical-align:middle;margin:0;}
*+html #ssform{padding-top:0}
#sspform .text{width:400px; border:1px solid #ddd;}

.infobox{width:100%; table-layout:fixed;margin-bottom:20px;}
.infobox h2{margin-top:0}
.infobox form{margin:0}
.tablelt{background:url(/pics/ibox.gif); height:3px; width:3px}
.tablect{background:url(/pics/tablev.gif); height:3px;}
.tablert{background:url(/pics/ibox.gif) right top; height:3px; width:3px}
.tablelc{background:url(/pics/tableh.gif); width:3px}
.tablecc{background:#fff6ee; padding:6px;overflow:hidden;margin-bottom:20px;}
.tablerc{background:url(/pics/tableh.gif) right; width:3px}
.tablelb{background:url(/pics/ibox.gif) 0px bottom; height:3px; width:3px}
.tablecb{background:url(/pics/tablev.gif) left bottom; height:3px; }
.tablerb{background:url(/pics/ibox.gif) right bottom; height:3px; width:3px}

.detail input{padding:3px; border:1px solid #ccc;}
.detail a.redbutt{padding-right:4px; margin-right:2px;}

.gtleft{padding:4px 4px 0 0; float:left;}
.gtleft .pl2{line-height:1em;}
.gtright{padding:4px; float:right;}

#user img{float:left; padding:12px 12px 30px 10px}
.usernav{margin:0 0 20px -8px; }
.usernav a{letter-spacing:1px; padding:4px 8px 0 0;margin:4px 3px 4px 1px;border-top:1px dashed #ccc;}

.collect {padding: 5px 0 15px 0;margin: 0;float: left;width: 100%;}
.collect h3{padding-top:3px; font: 14px normal Arial, Helvetica, sans-serif;line-height:120%;background:url(/pics/topicbar.gif) no-repeat right top;margin:0 0 0 4px;}
.collect h3 a{color: #006600;}
.collect h3 a:hover{color: #fff;background: #006600;}

/*broadcast*/
.broadsmr{padding: 5px 24px; color:#999;}
.quote{overflow:hidden; padding:0 24px 5px 15px;margin:8px 0 0 26px; background:url(/pics/quotel.gif) no-repeat left 4px;width:auto;*zoom:1;word-wrap:break-word;}
.quote span.inq{display:inline;background:url(/pics/quoter.gif) no-repeat right bottom; color:#333; padding-right:15px;display:inline-block;}
.broadimg{border:1px solid #ddd;float:right;margin-left:14px;}
.blst{padding:0;margin:0}
.blst li{border-top:1px solid #ddd;padding:6px 0}


.hiddenlogin{margin:5px; display:none; clear:both; padding:5px;}
.hiddenlogin input{margin-right:20px}
.hiddenlogin input.text{width:130px;margin-right:10px}

.m { font-size: 14px; line-height: 120%; color: #006600; }
.m a, .m a:visited, a.m, a.m:visited { font-size: 14px; line-height: 120%; color: #006600; text-decoration: none; }
.m a:hover, a.m:hover { font-size: 14px; line-height: 120%; color: #fff; text-decoration: none; background: #006600; }
.m a:active, a.m:active { color: #fff; text-decoration: none; background: #FFAAFF; }
.pt { width:100%; padding: 0; margin: 0; }
.pl { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; }
.pl2 { font: 14px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; }
.hiddenerr { display:none; background-color: #FFF6EE; color: #ff1111; margin:0 2px;}
.alert { background-color: #FFF6EE; border: 1px solid #CCCCCC; }
.attn { color: #FF3300; }
.hidden { display: none; }
.clear{ clear: both; line-height:0; font-size:0; }
.greyinput{color:#ccc;}
.errnotnull{color:#ff0000;}
.indent{word-break:break-all;} 

/*big*/
#tableb{ float: left; margin: 0 -370px 0 0;  width:100%; }
#in_tableb{ margin: 0 370px 0 0; padding: 0 45px 0 0;}
#tablerb{ float: right; width: 370px; word-break:break-all;}

/*mid*/
#table{ float: left; margin: 0 -345px 0 0;  width:100%; }
#in_table{ margin: 0 345px 0 0; padding: 0 45px 0 0; min-height:500px;}
#tabler{ float: right; width: 345px; word-break:break-all;}

/*small*/
#tablem{ float: left; margin: 0 -270px 0 0;  width:100%; }
#in_tablem{ margin: 0 270px 50px 0; padding: 0 65px 0 0;}
#tablerm{ float: right; width: 270px; word-break:break-all;}

#tablerb .indent, #tabler .indent, #tablerm .indent { margin-bottom: 40px; overflow:hidden;}

/*broadcast items*/
.mbt{ padding: 0; margin: 0; clear: both; }
.mbt tr{  vertical-align: top; }
.mbtl { float: left; width: 55px; margin: 8px 7px 0 0; padding: 0; }
.mbtr { border-bottom:1px solid #ddd; padding: 5px 0;  min-height: 55px;  overflow: hidden;margin:5px 0 5px 0; }
 .mbtr2 {margin-bottom:20px;overflow: hidden;}
ul .mbtr2 { border-bottom:1px solid #ddd; }
{ border-bottom:1px solid #ddd; min-height: 55px;  overflow: hidden;}
.mbtrdot {border-bottom:1px dashed #ddd; padding: 4px 0;  min-height: 55px;  overflow: hidden;}
.mbtrmini{border-bottom:1px dashed #ddd; padding: 4px 0 4px 12px;background:url(/pics/listdot.gif) 0 8px no-repeat;}
* html .mbtr{ word-break:break-all; height: 55px; overflow: visible; }
* html .mbtrdot{ word-break:break-all; height: 55px; overflow: visible; }
* html .mbtrmini{ word-break:break-all; overflow: visible; }
.mbdiv { padding-top: 10px 0 6px 0; border-top:1px dashed #DDDDDD; }

/*footer*/
.fdiv { text-align: right; height: 30px; padding-top: 5px; margin-top: 40px; clear: both; }
.fdiv .ul {margin-bottom: 5px; padding-top: 5px}
.fspl{ float: left; color: #777; }

/*indent js-added text*/
.indentb{ padding:0 18px; }

/* floating image on the left */
.fil { float: left; padding-right: 15px; padding-bottom: 15px; }

/* more attr of subject, should use trr*/
.obmor{ text-align: right; }
.obmo{ line-height: 180%; }

/*old action bar , remove me */
.act { color: #FF5555; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #FFAAAA; border-bottom: 1px solid #FFAAAA; background-color: #FFDDDD; padding: 3px 3px 2px 3px; cursor:pointer; }
.act:hover { color: #FFFFFF; font-size: 12px; background-color: #FF5555; border-right: 1px solid #FF3333; border-bottom: 1px solid #FF3333; padding: 3px 3px 2px 3px; cursor:pointer; }
.act a:link { text-decoration: none; color: #FF5555; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; }
.act a:visited { text-decoration: none; color: #FF5555; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; }
.act a:hover { color: #FFFFFF; font-size: 12px; background-color: #FF5555; border-style: none; padding: 3px 3px 2px 3px; }
/* (selected) tag */
.ract { border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:link{ border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:visited{ border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:hover{ text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #FF7777; border-bottom: 1px solid #FF7777; background-color: #FFCCCC; border-top: 1px solid #FFCCCC; border-left: 1px solid #FFCCCC; padding: 1px; cursor:pointer; float:left; }
/* (unselected) tag */
.gact { color: #BBBBBB; font-size: 12px; text-align: center; cursor:pointer; }
.gact a:link, a.gact:link { color: #BBBBBB; font-size: 12px; text-decoration: none; text-align: center; }
.gact a:visited, a.gact:visited { color: #BBBBBB; font-size: 12px; text-decoration: none; text-align: center; }
.gact a:hover, a.gact:hover { color: #FFFFFF; font-size: 12px; border-left: 1px solid #FF9999; border-top: 1px solid #FF9999; border-right: 1px solid #FF3333; border-bottom: 1px solid #FF3333; background-color: #773333; text-align: center; }

/* underline */
.ul { border-bottom: 1px dashed #DDDDDD; line-height: 100%; clear: both; }

/* marks */
.st{ width: 100%; }
.rbar { color: #DDDDDD;  font: 11px Arial, Helvetica, sans-serif; }

/*subject selling info */
.bs{ margin: 0px; padding: 0px; }
.bs li{ border-bottom: 1px dashed #DDD; margin:0 0 8px 0; padding:0;}

/*subject list*/
.obs{ margin: 0 0 10px 0; float: left; text-align: center; overflow: hidden; width: 105px; }
.obs_oneline{margin:0}
.obs dt{ height: 114px; width: 105px; overflow: hidden; }
.obs dd{ margin: 0; height: 40px; overflow: hidden; }
.obs_oneline dt{height:100px;}
.related_info h2{margin-top:24px;margin-bottom:3px;}
.after_h1{margin-top:-24px;}

/*user list*/
.obu{ margin: 0 0 10px 0; width: 80px; float: left; }
.obu dt{ margin: 0; height: 50px; overflow: hidden; text-align: center; }
.obu dd{ margin: 0px; height: 55px; text-align: center; overflow: hidden; }

/*group list*/
.ob{ margin: 0 0 10px 0; float: left; width: 80px; text-align: center; }
.ob dt{ margin: 0; overflow: hidden; text-align: center; height: 50px; }
.ob dd{ margin: 0; height: 55px; text-align: center; overflow: hidden; }
.ob span{ white-space: nowrap; }

.cloud1 a{ font: 12px normal Arial, Helvetica, sans-serif;  line-height:24px; color: #4477aa; }
.cloud1 a:hover{ color:white;}
.cloud2 a{ font: 12px bold Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud3 a{ font: 14px normal Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud4 a{ font: 14px bold Arial, Helvetica, sans-serif;  line-height:24px; color: #24486c; }
.cloud4 a:hover{ color:white;}

input.readonly, textarea.readonly { background: #F8F8F8; color: #888888; }

/* simple list*/
.aob{ float:left; width: 105px; height: 105px; display:block; text-align: center; overflow: hidden; margin:3px 0}
.aob2{ float:left; margin-right:25px; display:block; text-align:left; overflow: hidden; margin:0 25px 30px 0;}

/* green and grey TAGs */
.gract { color: #006600; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #AAFFAA; border-bottom: 1px solid #AAFFAA; background-color: #EEFFEE; padding: 3px 3px 2px 3px; margin-top: 2px; cursor:pointer; }
.gract:hover { color: #FFFFFF; font-size: 12px; border-right: 1px solid #33FF33; border-bottom: 1px solid #33FF33; background-color: #55FF55; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:link { text-decoration: none; color: #006600; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:visited { text-decoration: none; color: #006600; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:hover { color: #006600; font-size: 12px; border-left: 1px solid #99FF99; border-top: 1px solid #99FF99; border-right: 1px solid #33FF33; border-bottom: 1px solid #33FF33; background-color: #55FF55; padding: 3px 3px 2px 3px; margin-top: 2px; }
.rdact { color: #BBBBBB; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #AAFFAA; border-bottom: 1px solid #AAFFAA; background-color: #EEFFEE; padding: 3px 3px 2px 3px; margin-top: 2px; cursor:pointer; }

/*blog entry bottom*/
.plr { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; float:right; }
.pllb { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; float:left; display: block; }

/* Paginator */
.paginator { font: 14px normal Arial, Helvetica, sans-serif; color: #666666; margin-top: 10px; margin-bottom: 5px; line-height: 150%; background-color: #EEFFEE; text-align: center; }
.paginator a, .thispage, .break { padding: 2px 4px; }
.paginator .prev { margin-right: 20px; }
.paginator .next { margin-left: 20px; }
.paginator .count { margin-left: 20px; font-size: 11px; }

/* one-line list table (forum of subject)*/
.olt{ width:100%; padding:0; margin-bottom:3px;}
.olt td{ border-bottom:1px dashed #DDDDDD; padding:3px 3px 3px 0;}
.olt td.date{ width:75px; text-align:center; color:#999;padding-right:0;}
.olt td.time{ width:110px;color:#999;padding-right:0;text-align:right}

/* single post */
.wr{ table-layout:fixed; word-wrap: break-word; width: 100%; overflow:hidden;}
.wrtd{ width: 62px; vertical-align: top; }
.txd textarea{ width: 90%; }

/* music list */
.olts{ padding: 0; border-collapse: collapse; }
.olts td{ padding-top: 3px; border-bottom:1px dashed #DDDDDD; }
.olts a:hover { background: none; }

/* review */
.pil { height: 48px; width: 48px; margin-right:10px }
.piil { float: left; margin: 0 -65px 0 0; }
.piir { float: right; margin: 0 0 0 65px; overflow:hidden; width:88.5%; }

.obss{ width:100%;}

/* other reviews */
.pltr { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; text-align: right; }

/* green time on review */
.mn { font: 14px Arial, Helvetica, sans-serif; line-height: 150%; color: #006600; }

/* group */
.wrc{ word-wrap: break-word; overflow:hidden; margin-top: 0; }
.namel dd{ width:60px; }

/* Opera doesn't support <wbr>, here is the workaround */
wbr:after { content: "\00200B" }

/*I go pics*/
.fil15 {float: left;}
.fil15 img{padding-right: 15px;padding-bottom: 15px;}

/*groups*/
.dir{padding: 12px 0pt 0pt 12px;vertical-align: top;}
.dirsp{margin-bottom: 10px;}
.dirsp span{font-size: 14px;}
.imgg { float: left; margin-left: 5px; }

/*subject status*/
.substatus{height:100px; line-height:100px; width:24px; float:left; display:block;font-size:12px; color:#acacac;}

#comments{word-break:break-all;overflow:hidden;}
#divac{clear:both;}

/*new subject*/
.actbtns a{margin:0 12px 0 0;}
.actbtns a:hover{background:none;}
#mainpic{padding:0 12px 15px 0; margin:3px 0 0 0; float:left;text-align:center;}
* html #mainpic{left:-7px;}
#info{  float:left; width:246px;}
#interest_sect{ margin-top:10px;overflow:hidden; word-wrap: break-word; }
#interest_sectl{ float: right; width: 171px; margin:0 0 0 3px;}

.starstop{float:left;background:url(/pics/stars.gif); display:block;width:50px;height:14px;margin:1px 0 0 7px;}
.sub_ins .starstop{float:none;width:50px;display:inline;position:absolute}
.stars{float:left!important;display:-moz-inline-block;display:inline-block;background:url(/pics/stars.gif);width:50px;height:14px;margin:1px 0 0 7px;}
.stars4{background-position:left 61px}
.stars3{background-position:left 45px}
.stars2{background-position:left 30px}
.stars1{background-position:left 15px}
.starb{float:left!important}
.power{height:14px; background:#ddd;float:left;margin:0 3px}
.marks{margin:10px 0 0 -7px; line-height:18px;font-size:10px;}
.clearbox {clear:both; width:100%;}
.clearbox:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.subjectwrap{position:relative;float:left;width:100%; }

/*popup*/
/*#overlay { position: fixed; z-index: 100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; height: 100%; width: 100%; }
* html #overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); width: expression(document.body.clientWidth + 'px'); }*/
#dialog {position: fixed; z-index: 103; top: 50%; left: 50%; width: 550px; margin-top: -140px; background-color: #FFFFFF; padding:4px; *padding-top:20px; border:1px solid #bbb;}
#overlay { opacity:.2;filter:alpha(opacity=20);position: fixed; z-index: 102; top: 50%; left: 50%; width: 588px; margin-top: -153px; margin-left: -13px; background-color: #FFFFFF; *padding-top:20px; background:#000;}
.bgi{ position: fixed; z-index: 101; top: 50%; left: 50%; width: 550px; margin-top: -140px; margin-left: -250px; border:none}
* html #dialog { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
* html #overlay { margin-top:-140px;position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#dialog td{padding:7px;}
#dialog td.ul{padding:0;}
#submits td{padding:15px 0 5px 0;}
* html #submits td{padding-bottom:0}

.loadpop{padding:30px;text-align:center;}
#hiddendialog{display:none;}
#actchoice{float:right; width:130px; border-left:1px dashed #ddd;padding:0 0 0 5px;}
#actchoice .m{margin-bottom:40px}
#actchoice a{margin:3px;}

/* for event create or edit form */
.pl_l { font: 14px Arial, Helvetica, sans-serif; line-height: 150%;  width:100px; vertical-align:top; padding-top:4px; }
.pl_r { padding-top:4px; width:400px; vertical-align:top; vertical-align:top; }

/* for location select */
.location { line-height: 180%; font-size: 14px; margin-left:15px; }

/* for event */
.evtlstimg{float:left;text-align:center;width:140px;height:120px;padding-top:5px;}
.actionbtns{float:right;text-align:right;width:120px;height:100px;}
.actbtn{display:block;text-align:center;border-bottom:1px dotted #ddd;}
.actcat{float:left;width:89px;margin-bottom:140px}
.actlist{float:right;width:490px;*width:490px}
.actlist h2{margin-bottom:8px}
.actlist-left{width:600px;*width:600px}
.nof{*zoom:1; margin-bottom:15px;}
.nof:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.actcatlst li{text-decoration:none;display:block;padding:4px 0; border-bottom:1px solid #ddd;}
.actcatlst li a{display:block;}
.actcatlst .now{ background: url(/pics/arrowright.gif) no-repeat right 10px; color:#77c5ee;}
.citysmr {width:45%; float:left; margin:10px 0 15px 0; padding: 0 15px;}
.evt_short {float:left; margin-bottom:10px;width:100%}
.citytitle{font-size:14.6px; color:#006600; border-bottom:1px solid #a8a8a8;margin:0 0 15px 0;}
.citysmr li{padding:10px 0 10px 0px; line-height:1.6em}
.evt_short li{line-height:1.6em;}
.citysmr li a{font-size:14.6px}
.actimgs{float:left;margin:9px 13px 0 0;padding:3px; border:1px solid #ddd;}
.evtdesc{margin:5px 0 0 79px;color:#333}
.actfromfri{line-height:1.6em;padding:.6em 0}
.actfromfri .event_long{float:left;padding-bottom:1.7em;margin-top:-6px;_margin-top:auto;}
.actfromfri .title{padding: 2px 0;margin-bottom:8px; border-bottom:1px solid #ddd;}
.actfromfri img{ padding-right:15px; background:#fff}

.recevent{background:#F4F4EC;padding:10px;margin-bottom:20px}
.recevent .img{float:left;text-align:center;width:110px}
.recevent .img:hover{background:none}
.recevent .pl2{margin-bottom:10px}
.recevent .text{padding-left:116px;color:#999}

.fstars{float:left; margin-left:200px;}
* html .fstars{margin-left:100px}

/*rec*/
.rectitle{margin:12px 12px 0 12px; padding:7px;overflow:hidden; word-break:break-all; }
.rectitle .m{line-height:1.6em; border-bottom:1px solid #aaa; display:block;}
.rectitle .recsmr{line-height:1.6em; color:#777; margin:8px 8px 8px 35px; display:block; text-indent:-2.5em;}
.reccomment{margin:0 12px 12px 12px; padding:7px 39px 7px 7px;text-align:right}
.reccomment .pl{vertical-align:top}
.reccomment .text{width:411px;border: 1px solid #bbb;margin-bottom:4px}
.reccomment .text:focus{border: 1px solid #666;}
.reccomment .recsubmit{text-align:center; margin-top:12px;}
.reclstwrap {background:url(/pics/topicgrey.gif) no-repeat; display:block; margin-top:20px;}
.reclstwrap .reclst {width:100%;height:26px;margin-left:4px;font: 14px normal Arial, Helvetica, sans-serif;color: #666666;margin-bottom: 1px;line-height: 150%;background:url(/pics/topicgrey.gif) no-repeat right top; display:block}
.reclstwrap .reclst img{margin:2px 2px 0 0}
.reclstwrap .reclst a.rr:hover{background:none; color:#ff0000;}
.recreplylst .ilst{margin-top:-39px}
.recreplylst .clst{margin-top:-11px; color:#555;}
.recreplylst form{margin-left:68px;}
.recreplylst textarea{width:389px;}
.recreplylst input{margin-top:3px;}
.recreplylst span.pl{vertical-align:top;}
a.a_rec_btn:hover {background:none;}
.norquote{color:#333;}
.recreplylst .simplelst{border-bottom: 1px dashed rgb(221, 221, 221); margin-top: 4px; margin-bottom: 4px; margin-left: 53px;}
.blank_rec{margin:2px 2px 2px 24px;line-height:1.7em}

#dialog td{padding:7px;}
#dialog td.ul{padding:0;}
#submits td{padding:15px 0 5px 0;}
* html #submits td{padding-bottom:0}
/*entry*/
.entry-image img {padding: 0 15px 15px 0;float: left;}
.entry-summary, .entry-full{word-wrap:break-word;overflow: hidden; clear: right;margin: 6px 0 20px 0;}
.entry-summary-mini{margin-top:6px}
.entry-status-line {clear: left;margin: 2px 0 6px 0;width : 100%;}
.entry .entry-vote-btns {float: right;margin-top: -3px;_padding:4px;}
.loadtip{ padding:0 5px; background:#e7ffbc; color:#777; float:right;}

.video_overlay{width:130px; height:97px;top:0; left:0;position:absolute;background:url(/pics/video_overlay.png);cursor:pointer; #top:0px}
.video_overlay:hover{background-position:0 -97px}
* html .video_overlay{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pics/video_overlay_ie6.png');}
.videothumb {margin-left:24px}
.vthumbwrap{width:130px;height:97px;text-align:center;position:relative;}
.hlst li{list-style-type:disc;float:left;margin:10px;width:45%}
.hlst{margin-left:20px}
.indentrec{margin-left:24px; line-height:1.6em;color:#333;}

/*album*/
#album_up {float:left;margin-left:20px;width:380px;}
#type_tip{display:block;width:150px;float:left;_width:125px}
#album_up {float:left;width:300px;margin-left:20px;_margin-left:10px;}
#album_up input {margin:4px 0}
.albumlst{margin:9px 0 10px 0;padding:0 0 10px 0; line-height:1.65em;float:left;width:49%;}
.albumlst_r{overflow: hidden; word-wrap:break-word;color:#777;float:left;width:240px;padding-top:4px;}
.albumlst_descri{color:#333;margin-bottom:10px;}
.photolst{margin:5px 0 15px 0;padding:0 0 5px 0;border-bottom:1px solid #ddd;overflow:hidden}
.photolstin{width:700px}
.photo_wrap{float:left;width:163px;margin:3px 59px 25px 0;*margin-right:45px}
.photo_wrap .pl{margin:6px 0 3px 0}
.photolst_photo{width:180px;height:180px;margin:0;}
.photolst_photo:hover{background:#fcfcfc;}
.photo_infobox{height:130px;margin:4px 0;padding:5px 5px 5px 26px;}
.photo_infobox textarea{width:431px;height:70px;float:left}
.photo_infobox .photo_infor{float:right;width:140px;text-align:center;margin-top:8px;}
.pb_wrap{float:left;margin:3px 12px 3px 0pt;}
.pb_wrap img{vertical-align:middle;}
.pb_photo{display:table-cell;vertical-align:middle;width:75px;height:75px;margin:0;text-align:center;*display:block;*font-size:65px;float:none;}
.pb_photo:hover{background:#fff;}
.album{background: url('/pics/albumback.gif') 1px 1px no-repeat; padding:4px 7px 7px 4px}
.album_s{background: url('/pics/albumback_s.gif') 1px 1px no-repeat; padding:5px 8px 8px 5px}
.album_photo{width:181px;height:181px;dislay:block}
.album_photo:link{color:#777;font-style:italic}
.album_photo:visited{color:#777;font-style:italic}
.album_photo:hover{background:none;color:#777}
.photo_descri{padding:3px 0 0 14px}
.edtext form{margin:0;padding:0}
.edtext{width:100%;margin:7px 0 15px 0;}
.edtext textarea{font-size:12px;height:50px;width:100%;background:#f9f9f9;border:1px solid #ddd;}
#up_tip{color:#666;}
.photitle{border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px;text-align:right}
/*nm home*/
#discover{background:url(/pics/discover.jpg) no-repeat;width:400px;height: 185px;font-size:14px;color:#aaa;padding:7px 0 0 115px;line-height:1.5em; margin:45px 0 10px 40px; #margin:30px 0 0px 0px;}
#discover_s{text-align:center;margin:0 0 8px 0;padding-right:30px;}
#discover_s .text{width:380px;margin:8px;border:1px solid #bcd3e3;}
.fastreg .m{margin-top:.3em;font-size:12px;width:3.3em;float:left;}
.fastreg .text{width:180px;margin:2px 5px;border:1px solid #ccc}
.fastreg .submit{margin:4px 0 2px 4px}
.login_end{margin-left:3.3em;margin-top:.5em;}
.login_input{margin-top:.3em;}

#search_evt{float:left;display:block;margin-right:65px;font-size:12px;margin:4px 0 0 0;position:relative;}
#search_evt .text{top:1px;width:153px; margin:0 5px 0 0;height:16px;border:1px solid #ddd;position:absolute;}
#search_evt .submit{margin:0 60px 0 160px;}

/*note pic*/
.feed{background:url('/pics/feed1.png') no-repeat;font-size:14px; padding:0 0 30px 20px;}
.minisubmit{padding:0;margin:0;color:#336699;background:none;cursor:pointer;border:none;}
.minisubmit:hover{background:#003399;color:white}

.note-header h3{color:#006600;background:none;}
.note-header h3 a{color:#006600}
.note-header h3 a:hover{color:#fff;background:#006600}
.note {
font-family:Arial,Helvetica,sans-serif;word-wrap: break-word;white-space : normal ;white-space: pre-wrap;white-space: -moz-pre-wrap;width:100%; overflow:hidden; word-break:break-all; margin-top:10px;}
.note .cc{padding: 0pt 0pt 15px; display: block; clear: both; text-align: center;}
.note .ll {padding:0 16px 16px 0;}
.note .ll table{width:1px}
.note .rr table{width:1px}
.note .cc table{width:1px;margin:0 auto;}
.note .rr {padding:0 0 16px 16px;}
.thumblst{width:603px; min-height:140px; border:1px solid #d3d3d3; background:#f0f0f0; padding:6px 12px;margin:3px 0 7px 0;}
.thumblst .thumb{float:left; text-align:center;width:155px;}
.thumblst .thumb .pl{padding:2px; border:1px solid #ddd;margin-bottom:6px;background:#fff;}
.thumblst .details {float:right;width:431px}
.thumblst .details textarea{width:100%;height:66px;border:1px solid #ccc;}
.message{border:1px solid #ffe3a0;padding:10px;background:#fffadc;margin-bottom:10px;}
/* drag n sort*/
.placeholder{border:2px dashed #ccc;}
.sort h2{cursor:move;width:100%;
_ie6_hack:expression(
	onmouseover=function(){this.style.backgroundColor="#eeffee"},
	onmouseout=function(){this.style.backgroundColor=""}
	);
}
.ui-draggable-dragging{
    border:1px solid #cFc;
}
.sort h2:hover{background:#eeffee}
.sort_helper{
border:2px dashed #cdc;
}
#event{margin-bottom:10px}
#photo{margin-bottom:35px;width:100%;overflow:hidden;}
#photo .photoin{float:left;width:146px;*width:143px}
#recs{margin-bottom:35px}
#movie{margin-bottom:35px}
#music{margin-bottom:35px}
#blog{margin-bottom:35px}
#book{margin-bottom:35px}
#group{margin-bottom:35px;width:100%}
#mb{margin-bottom:35px}
#friend{margin-bottom:35px}
#board{margin-bottom:35px}
#profile{margin-bottom:35px}
#note{margin-bottom:35px}
#doulist{margin-bottom:35px}
#offer{margin-bottom:12px}
#review{margin-bottom:27px}
#review .ilst{margin:-17px -105px 0 0;}
#review .tlst{padding:0 0 15px 0;}

.reply_notify a{
margin-left:.5em
}
.reply_notify .reply_notify_delete{color:#999;}
.reply_notify{
text-align:left;
border-collapse:collapse;
width:100%;
color:#676767;
margin-bottom:3em;
}
.reply_notify td{
border-bottom:1px dashed #ddd;
}
.reply_notify th{
font-weight:normal;
border-bottom:1px solid #ccc;
}
.reply_notify td{
padding:.4em 0; 
}
.date{width:8em}
#confirm_delete{display:none;}
